<template>
  <div>
    <van-nav-bar title="检测结果"
                 left-text="返回" left-arrow @click-left="backAction"/>

    <van-cell title-style="text-align:left;margin-left: 10px">
      <template id="risk-cell" slot="title">
        <span>龋齿风险  :&nbsp;&nbsp;</span>
        <van-tag v-if="survey_result===2" color="red">高</van-tag>
        <van-tag v-else-if="survey_result===1" color="orange">中</van-tag>
        <van-tag v-else-if="survey_result===0" color="green">低</van-tag>
      </template>

    </van-cell>
  </div>
</template>

<script>
import Vue from "vue"
import {Cell, NavBar} from "vant"

Vue.use(Cell)
Vue.use(NavBar)
export default {
  name: "queResult_Simple",
  data() {
    return {
      survey_result: 0,
    }
  },
  created() {
    this.survey_result = this.$route.query.survey_result
  },
  methods: {
    backAction() {
      history.back();
    }
  }
}
</script>

<style scoped>

</style>